<template>
  <div class="customerSignedLesson">
	  <div class="newSignedClass">
		  <span class="newSignedClassTitle">合同</span><x-button mini @click.native="newContract" type="primary" class="newContractBtn">新建</x-button>
	  </div>
	  <scroller-contract curURL="contract/pages/getContractModelByCusIdAndPages" :id="id"></scroller-contract>
  </div>
</template>

<script>
	import scrollerContract from '../../../../components/mobile/scroller/scrollerContract'
	import {XButton, Group, Cell, Swipeout, SwipeoutItem, SwipeoutButton, FormPreview} from 'vux'
  export default {
    name: "customer-contract-list",
	  components: {
    	XButton,
		  Cell,
		  Group,
		  Swipeout,
		  SwipeoutItem,
		  SwipeoutButton,
		  FormPreview,
		  scrollerContract
	  },
	  props: ['id'],
	  created: function () {
	  },
	  methods: {
		  newContract() {
			  this.$router.push({ name: "newContract", params: { id: this.id }})
		  }
	  }
	}
</script>

<style scoped>

	.customerSignedLesson {
		margin-bottom: 100px;
	}

	.formCard {
		border: solid;
		border-color: #f7f7fa;
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 20px;
		margin-bottom: 20px;
		border-radius: 25px;
		box-shadow: 5px 5px 5px #888888;
	}

	.formCard > .weui-form-preview__hd .weui-form-preview__value{
		font-size: 1.1em !important;
	}

	.signedLessonCell {
		padding: 0px 15px !important;
	}

	.newSignedClass {
		margin-top: 20px !important;
		text-align: right;
		margin-right: 12px;
	}

	.newSignedClassTitle {
		font-size: 22px;
		font-weight: bold;
		float: left;
		margin-left: 12px;
	}

	.newContractBtn {
		color: white !important;
		background-color: #efae1b !important;
		margin-bottom: 12px;
		z-index: 99;
	}

</style>
